<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>保单信息填写</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="js/lib/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.min.css">
    <link rel="stylesheet" href="css/form.css">
    
</head>
<body ontouchstart>
    <div class="page_bd">
        <div class="base_info_wp">
            <div class="base_info">
                <p>姓名:张三</p>
                <p>申请时间:2018-03-05 14:00</p>
                <p>申请编号:XS2018030514002248</p>
            </div>
            
        </div>
    </div>
    <div class="page__bd">
        <form method="POST" action="test.php" id="form">
        
            <div class="section">
                <h4>保单信息</h4>
            </div>
            
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">保险公司</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="text" placeholder="请输入保险公司名称">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">投保地址</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input type="text" id='city-picker' class="weui-input" placeholder="省市"/>
                    </div>
                   
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">生效日期</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="date" placeholder="请输入生效日期">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">需缴纳年数</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入需缴纳年数">
                    </div>
                </div>
                <div class="weui-cell weui-cell_select weui-cell_select-after">
                    <div class="weui-cell__hd">
                        <label for="" class="weui-label">缴费方式</label>
                    </div>
                    <div class="weui-cell__bd">
                        <select class="weui-select" name="select2">
                            <option value="1">期缴</option>
                            <option value="2">趸缴</option>
                        </select>
                    </div>
                </div>
                <div class="weui-cell weui-cell_select weui-cell_select-after">
                    <div class="weui-cell__hd">
                        <label for="" class="weui-label">缴费类别</label>
                    </div>
                    <div class="weui-cell__bd">
                        <select class="weui-select" name="select2">
                            <option value="1">月缴</option>
                            <option value="2">年缴</option>
                            <option value="3">其他</option>
                        </select>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">缴期保费</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入缴期保费">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">总保额</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入总保额">
                    </div>
                </div>
                <div class="weui-cell weui-cell_select weui-cell_select-after">
                    <div class="weui-cell__hd">
                        <label for="" class="weui-label">险种类型</label>
                    </div>
                    <div class="weui-cell__bd">
                        <select class="weui-select" name="select2">
                            <option value="1">传统型</option>
                            <option value="2">分红型</option>
                            <option value="3">万能型</option>
                        </select>
                    </div>
                </div>
                
            </div>
            
                
        <div class="next_btn">
            <a href="javascript:next()">下一步</a>
        </div>
        </form>
    </div>         
</body>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/jquery-weui.min.js"></script>
<script src="js/city-picker.min.js"></script>
<script>
    $("#city-picker").cityPicker({
        showDistrict: false
    });
    function next(){
        var form = $('#form');
        var notEmpty = true;
        $('#form input').each(function(idx,ele){
           
            if($.trim($(ele).val()) == ''){
                alert('所有信息均为必填项');
                $(ele).focus();
                notEmpty = false;
                return false;
            }
        })
        
        if(notEmpty){
            
            form.submit();
        }
    }
        
</script>
</html>